import React, { Component } from 'react'
import ReactDOM from 'react-dom'

// 使用类定义组件
class Header extends Component {
  render() {
    return <header>头部组件</header>
  }
}

class Footer extends React.Component {
  render() {
    return <footer>底部组件</footer>
  }
}


class App extends React.Component {

  // 必须又render函数渲染UI结构，如果无渲染也需要返回null
  render() {
    return (
      <>
        <Header />
        App组件
        <Footer />
      </>
    )
  }
}


ReactDOM.render(<App />, document.getElementById('root'))